<template>
    <div class="content">
        <!-- <mt-cell title="商家名称" :value="shopInfo.shop_name"></mt-cell> -->
        <div class="my_order">
        <!-- <span>
          <i class="iconfont icon-dingwei"></i>
        </span> -->
        <div class="my_order_div">
          <span>商家地址</span>
          <span>{{shopInfo.address}}</span>
          <!-- <a class="my_order_icon icon_phone" :href="'tel:'+shopInfo.bank_phone">
            <i class="iconfont icon-dianhua1"></i>
          </a> -->
        </div>
      </div>
    <router-link :to="{path:'/safetyInfo',query:{shopInfo}}" class="my_order">
        <!-- <span>
          <i class="iconfont icon-bao"></i>
        </span> -->
        <div class="my_order_div">
          <span>食品安全档案</span>
          <span class="my_order_icon">
            <span>查看档案</span>
            <i class="iconfont icon-you"></i>
          </span>
        </div>
      </router-link>
      <div class="my_order">
        <div class="my_order_div">
          <span>营业时间</span>
          <span class="my_order_icon">
            {{shopInfo.time_interval}}
          </span>
        </div>
      </div>
      <div class="my_order">
        <!-- <span>
          <i class="iconfont icon-shijian"></i>
        </span> -->
        <div class="my_order_div">
          <span>配送时间</span>
          <span class="my_order_icon">
            {{shopInfo.send_range}}
          </span>
        </div>
      </div>
      <div class="my_order">
        <!-- <span>
          <i class="iconfont icon-gonggao"></i>
        </span> -->
        <div class="my_order_div">
          <span>商家电话</span>
          <a class="my_order_icon tel" :href="'tel:'+shopInfo.bank_phone">
            <span>联系商家</span>
            <i class="iconfont icon-you"></i>
          </a>
        </div>
      </div>
      <!-- <router-link  class="my_order">
        <span>
          <i class="iconfont icon-bao"></i>
        </span>
        <div class="my_order_div">
          <span>查看食品安全档案</span>
          <span class="my_order_icon">
            <i class="iconfont icon-you"></i>
          </span>
        </div>
      </router-link> -->
        <!-- <mt-cell title="经营范围" :value="shopInfo.shop_name"></mt-cell> -->
    </div>
</template>
<script>
import { getStoreBusiness } from '../api'
export default {
    data() {
        return {
            shopInfo:{}
        }
    },
    created(){
        this.storeInfo();
    },
    methods:{
        storeInfo() {
            const data = {token:this.$store.getters.token,store_id:this.$route.query.id}
            getStoreBusiness(data).then(res=>{
                console.log(res);
                this.shopInfo = res.data;
            })
        }
    }
}
</script>
<style scoped>
.my_order{
  padding: 0;
  width: 90%;
  margin: auto;
}
.my_order_div{
    align-items: center;
    font-size: 1rem;
    height: 2rem;
    border-bottom: 0.01rem solid #EDEDED;
}
.my_order_div>span:first-child{
      font-weight: 600;
}
.my_order_icon{
  display: flex;
  align-items: center;
  width: 50%;
  justify-content: flex-end;
}
.tel span{
  color: #F23D3D;
}
</style>